<template>
  <div class="container mt-5">
    <h1>路由测试页面</h1>
    <p>如果您能看到这个页面，说明路由配置正常！</p>
    
    <div class="mt-4">
      <h3>测试链接：</h3>
      <ul class="list-group">
        <li class="list-group-item">
          <router-link to="/" class="btn btn-primary me-2">首页</router-link>
          <router-link to="/login" class="btn btn-secondary me-2">登录</router-link>
          <router-link to="/register" class="btn btn-success me-2">注册</router-link>
        </li>
        <li class="list-group-item">
          <router-link to="/shop" class="btn btn-info me-2">商店</router-link>
          <router-link to="/about" class="btn btn-warning me-2">关于</router-link>
          <router-link to="/contact" class="btn btn-danger me-2">联系</router-link>
        </li>
      </ul>
    </div>
    
    <div class="mt-4">
      <h3>当前路由信息：</h3>
      <pre>{{ JSON.stringify($route, null, 2) }}</pre>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TestRoute'
}
</script>
